<div class="page">
    <h1>前端生成唯一ID (uuid/guid)</h1>
    <div class="line"></div>


    <h2>UUID</h2>
    <br>
    <p>以随机数方式生成UUID格式字符串（32位）</p>
    <br>
    <pre class="line-numbers"><code class="language-js">var uuid = icu.util.uuid()</code></pre>
    <p>下方按钮实现代码</p>
    <pre class="line-numbers"><code class="language-js">this.$el.find('#UUID').click(() => {
    this.$el.find('#UUID_answer').text('结果 ：' + icu.util.uuid());
});</code></pre>

    <br>
    <button id="UUID" type="button" class="layui-btn layui-btn-normal">生成UUID</button>
    <br>
    <br>
    <p id="UUID_answer">结果 : </p>
    <div class="line"></div>

    <h2>GUID</h2>
    <br>
    <p>以随机数方式生成UUID格式字符串（32位）</p>
    <br>
    <pre class="line-numbers"><code class="language-js">var uuid = icu.util.Guid()</code></pre>

    <p>下方按钮实现代码</p>
    <pre class="line-numbers"><code class="language-js">this.$el.find('#GUID').click(() => {
    this.$el.find('#GUID_answer').text('结果 ：' + icu.util.Guid());
});</code></pre>

    <br>
    <button id="GUID" type="button" class="layui-btn layui-btn-normal">生成GUID</button>
    <br>
    <br>
    <p id="GUID_answer">结果 : </p>
</div>